<ion-view title="我的资料">
  <ion-nav-buttons>
    <a class="button button-icon icon ion-ios-arrow-left" ng-click="goBackPage()"></a>
  </ion-nav-buttons>
  <ion-content class="userEdit">
    <input type="file" id="userEditAvatarInput" hidden accept="image/*" capture="camera" />
    <div class="list">
      <div class="item">
        <span class="">姓名</span>
        <span class="item-note">{{userData.userName}}</span>
      </div>
      <div ng-click="openModel_avatar()" class="item  item-icon-right ue_tx">
        <span class="">修改头像</span>
        <img ng-src="{{userData.headPic}}">
        <i class="icon ion-ios-arrow-right"></i>
      </div>
      <div ng-click="modal_signature.show()" class="item item-icon-right">
        个性签名
        <i class="icon ion-ios-arrow-right"></i>
      </div>
      <div ng-click="modal_pwd.show()" class="item item-icon-right">
        修改密码
        <i class="icon ion-ios-arrow-right"></i>
      </div>
    </div>
    <!-- <button ng-if="isLogined()" class="button button-calm button-full  " ng-click="loginOut()">退出登录</button> -->
  </ion-content>
  <!-- ~~~~~~model~~~~~~~~~修改密码 -->
  <script id="userEditModel_signature.html" type="text/ng-template">
    <div class="modal">
      <ion-header-bar class="user_edit_header">
        <button ng-click="modal_signature.hide()" class="button button-icon ion-ios-arrow-left">后退</button>
        <h1 class="title">修改签名</h1>
      </ion-header-bar>
      <ion-content class="userEdit">
        <div class="list">
          <!-- <div class="item item-input-inset"> -->
          <!-- <label class="item-input-wrapper user_edit_update"> -->
          <!-- <input class="user_edit_input" ng-model="userMsg.password" type="password" placeholder="请输入新密码"> -->
          <textarea rows="5" class="user_edit_input" ng-model="userMsg.signature" type="password" style="width: 100%;padding: 10px;line-height: 20px;" placeholder="编辑您的个性签名"></textarea>
          <!-- </label> -->
          <!-- </div> -->
          <div class="">
            <button class="button button-full button-calm" ng-click="editUsersignature()" style="margin: 10%; width: 80%">
              更改
            </button>
          </div>
      </ion-content>
      </div>
  </script>
  <!-- ~~~~~~model~~~~~~~~~修改头像 -->
  <script id="userEditModel_avatar.html" type="text/ng-template">
    <div class="modal">
      <ion-header-bar class="uem_header">
        <button ng-click="modal_avatar.hide()" class="button button-icon ion-ios-arrow-left">后退</button>
        <h1 class="title">修改头像</h1>
      </ion-header-bar>
      <ion-content class="uem_txcon">
        <div class="cc_model_userAvatar">
          <div class="userEditDataAvatar_box">
            <img src="123" id="userEditDataAvatar" alt="">
          </div>
        </div>
        <br>
        <a class="button button-full button-calm" ng-click="edituseruploadImage()" style="margin-top:30px;    margin: 10px 10%;    width: 80%;">更改</a>
      </ion-content>
    </div>
  </script>
  <!-- ~~~~~~model~~~~~~~~~修改密码 -->
  <script id="userEditModel_pwd.html" type="text/ng-template">
    <div class="modal">
      <ion-header-bar class="user_edit_header">
        <button ng-click="modal_pwd.hide()" class="button button-icon ion-ios-arrow-left">后退</button>
        <h1 class="title">修改密码</h1>
      </ion-header-bar>
      <ion-content class="userEdit">
        <div class="list">
          <div class="item item-input-inset">
            <label class="item-input-wrapper user_edit_update">
              <input class="user_edit_input" ng-model="userMsg.password" type="password" placeholder="请输入新密码">
            </label>
            <button class="button button-small" ng-click="editUserPassword()">
              更改
            </button>
          </div>
        </div>
      </ion-content>
    </div>
  </script>
</ion-view>
